<template>
  <div>
    <ul id="main-nav">
      <li class="a">
        <a href="/sales">
          <div class="main-nav-title">
            <span class="main-nav-title-x">自由行</span>
            <div class="main-nav-action">旅行就是要自在</div>
          </div>
        </a>
      </li>
      <li class="b">
        <a href="#"
          ><div class="main-nav-title">
            <span class="main-nav-title-x">跟团游</span>
            <div class="main-nav-action">行程透明省心游</div>
          </div></a
        >
      </li>
      <li class="c">
        <a href="#"
          ><div class="main-nav-title">
            <span class="main-nav-title-x">当地游</span>
            <div class="main-nav-action">最地道的玩法体验</div>
          </div></a
        >
      </li>
      <li class="d">
        <a href="#"
          ><div class="main-nav-title">
            <span class="main-nav-title-x">机票</span>
            <div class="main-nav-action">特惠一折起</div>
          </div></a
        >
      </li>
      <li class="e">
        <a href="#"
          ><div class="main-nav-title e">
            <span class="main-nav-title-x">订酒店</span>
            <div class="main-nav-action">一键全网比价</div>
          </div></a
        >
      </li>
      <li class="f">
        <a href="#"
          ><div class="main-nav-title f">
            <span class="main-nav-title-x">签证</span>
            <div class="main-nav-action">出签率高服务</div>
          </div></a
        >
      </li>
      <li class="g">
        <a href="#"
          ><div class="main-nav-title g">
            <span class="main-nav-title-x">游轮</span>
            <div class="main-nav-action">移动的海上城堡</div>
          </div></a
        >
      </li>
    </ul>
  </div>
</template>
<style lang="scss" scoped>
@import url("~assets/CSS/main-nav.css");
#main-nav {
  ul {
    li {
      a {
        span {
        }
        &:hover span {
          background-image: url("https://n2-q.mafengwo.net/s13/M00/76/AE/wKgEaVzROqWAPJp3AAAECYd-dCM112.png");
          background-repeat: no-repeat;
          background-size: 100% 7px;
          background-position: bottom;
        }
      }
    }
  }
}
</style>